// 获取所有的li标签
let liArr=document.querySelectorAll('.aside li ')
console.log(liArr)
// 获取内容板块
let  contentArr=document.querySelectorAll('.contentit')
console.log(contentArr)
let time;
// 遍历所有的li标签
liArr.forEach(function(v,i){
    
    v.onclick=function(){
        // console.log(v)
            // 一刀切，去掉所有的active类名
            liArr.forEach(function(v2,i2){
                v2.classList.remove('active')
            })
            // 给自己加上类名
            v.classList.add('active')
        
        // 清除上一个定时器,防止定时器叠加
        clearInterval(time)
        // 楼层跳转，获取当前的高度和目标高度
        console.log('当前高度',window.scrollY)
        console.log('目标高度',contentArr[i].offsetTop)
        // 做判断，向上/向下
        if(contentArr[i].offsetTop < window.scrollY){
            // console.log('向上滚动，递减')
            time = setInterval(function(){
                //每10毫秒从当前滚动条位置向上走20
                window.scrollTo(0,window.scrollY - 20)
                //当滚动条在目标位置以上时，停止定时器
                if(contentArr[i].offsetTop >= window.scrollY||window.scrollY>=1580){
                    console.log("进入清楚定时器操作")
                    console.log(contentArr[i].offsetTop)
                    window.scrollTo(0,contentArr[i].offsetTop)
                    clearInterval(time)
                }
            },10)
            
        }else if(contentArr[i].offsetTop > window.scrollY){
            // console.log('向下滚动-递加')
            time=setInterval(function(){
                //每10毫秒从当前滚动条位置向下走20
                window.scrollTo(0,window.scrollY + 20)
                //当滚动条在目标位置以上时，停止定时器
                // console.log('当前高度',window.scrollY) 1581   1697
                // console.log('目标高度',contentArr[i].offsetTop)
                if(contentArr[i].offsetTop <= window.scrollY||window.scrollY>=1580){
                    console.log("进入清楚定时器操作")
                    console.log(contentArr[i].offsetTop)
                    window.scrollTo(0,contentArr[i].offsetTop)
                    clearInterval(time)
                }
            },10)
        }
    }
})
//返回顶部
let toTop=document.querySelector('.toTop');
        
toTop.onclick=function(){
    //将滚动条的高度赋值给变量，递减
    let y=window.scrollY;  
    //设置定时器，不断执行滚动条位置
    let timer=setInterval(function(){
        console.log(y)
        //y不断减少
        y-=100;   
        //滚动到某个位置
        window.scrollTo(0,y);

        //回到顶部，清楚定时器
        if(y<=0){
            clearInterval(timer);
            liArr.forEach(function(v2,i2){
                v2.classList.remove('active')
            })
        }
    },20);
}
window.onscroll=function(){
    if(window.scrollY>=600){
        toTop.style.display='block';
    }else{
        toTop.style.display='none';
    }
}
